<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2017/11/9 0009
  Time: 12:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/jsp/common/tagPage.jsp" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>添加中底数据</title>
    <meta name="keywords" content="中文"/>
    <meta name="description" content="下载"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <!-- basic styles -->

    <link href="${baseurl}statics/assets/css/bootstrap.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="${baseurl}statics/assets/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="${baseurl}statics/assets/css/styleCss.css"/>

    <!--[if IE 7]>
    <link rel="stylesheet" href="${baseurl}statics/assets/css/font-awesome-ie7.min.css"/>
    <![endif]-->

    <!-- page specific plugin styles -->

    <link rel="stylesheet" href="${baseurl}statics/assets/css/jquery-ui-1.10.3.custom.min.css"/>
    <link rel="stylesheet" href="${baseurl}statics/assets/css/chosen.css"/>
    <link rel="stylesheet" href="${baseurl}statics/assets/css/datepicker.css"/>
    <link rel="stylesheet" href="${baseurl}statics/assets/css/bootstrap-timepicker.css"/>
    <link rel="stylesheet" href="${baseurl}statics/assets/css/daterangepicker.css"/>
    <link rel="stylesheet" href="${baseurl}statics/assets/css/colorpicker.css"/>

    <!-- fonts -->

    <link rel="stylesheet" href="${baseurl}statics/assets/css/fonts.css"/>

    <!-- ace styles -->

    <link rel="stylesheet" href="${baseurl}statics/assets/css/ace.min.css"/>
    <link rel="stylesheet" href="${baseurl}statics/assets/css/ace-rtl.min.css"/>
    <link rel="stylesheet" href="${baseurl}statics/assets/css/ace-skins.min.css"/>

    <!--[if lte IE 8]>
    <link rel="stylesheet" href="${baseurl}statics/assets/css/ace-ie.min.css"/>
    <![endif]-->

    <!-- inline styles related to this page -->

    <!-- ace settings handler -->
    <script type="text/javascript" src="${baseurl}statics/assets/js/jquery-1.10.2.min.js"></script>
    <script src="${baseurl}statics/assets/js/ace-extra.min.js"></script>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

    <!--[if lt IE 9]>
    <script src="${baseurl}statics/assets/js/html5shiv.js"></script>
    <script src="${baseurl}statics/assets/js/respond.min.js"></script>

    <script src="${baseurl}statics/assets/js/jquery.form.js"></script>


    <![endif]-->
    <!--表单验证-->
    <script type="text/javascript">
        function submitYZ() {
            if ($("#form-field-1").val() == null || $("#form-field-1").val() == "") {
                alert("父级名称不能为空");
                return false;
            }
            return true;
        }
        //上传图片
    </script>
    <style type="text/css">
        .tips_true,.tips_false{

            padding-left: 10px;

        }

        .tips_true{

            color: green;

        }

        .tips_false{

            color: red;

        }
    </style>
</head>

<body>

<div class="breadcrumbs" id="breadcrumbs">
    <script type="text/javascript">
        try {
            ace.settings.check('breadcrumbs', 'fixed')
        } catch (e) {
        }
    </script>

    <ul class="breadcrumb">
        <li>
            <i class="icon-home home-icon"></i>
            <a href="#">中底管理</a>
        </li>

        <li>
            <a href="${baseurl}insole/selectList">中底列表</a>
        </li>
        <li class="active">添加中底</li>
    </ul><!-- .breadcrumb -->
</div>



<div class="protype_form_bbox">
    <%--传统--%>
    <div class="order-form-rbox protype_form_box">
        <form id="myupload1" method="post" action="${baseurl}insole/uploadInsole" class="add-new-area" enctype='multipart/form-data'>
            <input type="hidden" name="adminId" value="${sysUserManage.id}">
            <input type="hidden" name="adminName" value="${sysUserManage.userName}">
        <ul>
            <li class="danxuan_radio">
                <span>鞋类型<i>*</i></span>
                <ul>
                    <c:forEach items="${traditionList}" var="traditionList">
                            <c:if test="${traditionList.sort==1}">
                                <li>
                                <input type="radio" name="shoesType" id="shoesTypeTradition" value="${traditionList.value}"/>${traditionList.name}
                                </li>
                            </c:if>
                    </c:forEach>
                </ul>
                <span class="tips" id="shoesTypeTip"></span>
            </li>
            <li class="tab_show">
                <span>中底工艺<i>*</i></span>
                    <ul>
                        <li><input type="radio" name="midsole" id="ctgytx" value="T" checked="checked"/><label><img
                                src="${baseurl}statics/assets/images/radiob.png" alt="">传统</label></li>
                        <li><input type="radio" name="midsole" id="ctgypx" value="P" /><label><img
                                src="${baseurl}statics/assets/images/radio.png" alt="">注塑</label></li>
                        <li><input type="radio" name="midsole" id="ctgyrx" value="R"/><label><img
                                src="${baseurl}statics/assets/images/radio.png" alt="">PU一体</label></li>
                    </ul>
            </li>
            <li class="danxuan_radio">
                <span>季节款式<i>*</i></span>
                <ul class="radio_group">
                    <c:forEach items="${traditionList}" var="traditionList">
                        <c:if test="${traditionList.sort==3}">
                        <li>
                        <input type="radio" name="seasonStyle" id="seasonStyleTradition" value="${traditionList.name}"/>${traditionList.name}
                        </li>
                        </c:if>
                    </c:forEach>
                </ul>
                <span class="tips" id="seasonStyleTip"></span>
            </li>
            <li class="duoxuan_check">
                <span>功能分类<i>*</i></span>
                <ul class="checkbox_group">
                    <c:forEach items="${traditionList}" var="traditionList">
                        <c:if test="${traditionList.sort==4}">
                            <li>
                            <input type="checkbox" name="classify" id="classifyTradition" value="${traditionList.name}"/>${traditionList.name}
                            </li>
                        </c:if>
                    </c:forEach>
                </ul>
                <span class="tips" id="classifyTip"></span>
            </li>
            <li class="danxuan_radio">
                <span>鞋头形状<i>*</i></span>
                <ul class="radio_group">
                    <c:forEach items="${traditionList}" var="traditionList">
                        <c:if test="${traditionList.sort==5}">
                            <li>
                            <input type="radio" name="shape" id="shapeTradition" value="${traditionList.name}"/>${traditionList.name}
                            </li>
                        </c:if>
                    </c:forEach>
                </ul>
                <span class="tips" id="shapeTip"></span>
            </li>
            <div class="tab_box">
                <ul>
                    <li class="danxuan_radio">
                        <span>前掌材质<br />（单位:mm）</span>
                        <div class="protype_rbox">
                            <ul class="checkbox_group">
                                <c:forEach items="${traditionList}" var="traditionList">
                                    <c:if test="${traditionList.sort==6}">
                                        <li>
                                        <input type="radio" name="isForefoot" id="isForefootTradition" value="${traditionList.value}"/>${traditionList.name}
                                        </li>
                                    </c:if>
                                </c:forEach>
                            </ul>
                            <ul class="radio_group">
                                <c:forEach items="${traditionList}" var="traditionList">
                                    <c:if test="${traditionList.sort==7}">
                                        <li>
                                        <input type="radio" name="texture" id="textureTradition" value="${traditionList.name}"/>${traditionList.name}
                                        </li>
                                    </c:if>
                                </c:forEach>
                            </ul>
                            <ul class="radio_group">
                                <c:forEach items="${traditionList}" var="traditionList">
                                    <c:if test="${traditionList.sort==8}">
                                        <li>
                                        <input type="radio" name="thicknes" id="thicknesTradition" value="${traditionList.name}"/>${traditionList.name}
                                        </li>
                                    </c:if>
                                </c:forEach>
                            </ul>
                        </div>
                    </li>
                    <li class="danxuan_radio">
                        <span>上叉<br />（单位:mm）</span>
                        <ul class="radio_group">
                            <c:forEach items="${traditionList}" var="traditionList">
                                <c:if test="${traditionList.sort==9}">
                                    <li>
                                    <input type="radio" name="skewer" id="skewerTradition" value="${traditionList.name}"/>${traditionList.name}
                                    </li>
                                </c:if>
                            </c:forEach>
                        </ul>
                    </li>
                    <li class="danxuan_radio">
                        <span>下叉<br />（单位:mm）</span>
                        <ul class="radio_group">
                            <c:forEach items="${traditionList}" var="traditionList">
                                <c:if test="${traditionList.sort==10}">
                                    <li>
                                    <input type="radio" name="underFork" id="underForkTradition" value="${traditionList.name}"/>${traditionList.name}
                                    </li>
                                </c:if>
                            </c:forEach>
                        </ul>
                    </li>
                    <li class="danxuan_radio">
                        <span>中底板<i>*</i><br />（单位:mm）</span>
                        <ul class="radio_group">
                            <c:forEach items="${traditionList}" var="traditionList">
                                <c:if test="${traditionList.sort==11}">
                                    <li>
                                    <input type="radio" name="midsoleBoard" id="midsoleBoardTradition" value="${traditionList.name}"/>${traditionList.name}
                                    </li>
                                </c:if>
                            </c:forEach>
                        </ul>
                        <span class="tips" id="midsoleBoardTip"></span>
                    </li>
                    <li class="danxuan_radio">
                        <span>中底网布</span>
                        <ul class="radio_group">
                            <c:forEach items="${traditionList}" var="traditionList">
                                <c:if test="${traditionList.sort==12}">
                                    <li>
                                    <input type="radio" name="midsoleCloth" id="midsoleClothTradition" value="${traditionList.name}"/>${traditionList.name}
                                    </li>
                                </c:if>
                            </c:forEach>
                        </ul>
                    </li>
                    <li class="danxuan_radio">
                        <span>钢芯<i>*</i><br />（单位:mm）</span>
                        <ul class="radio_group">
                            <c:forEach items="${traditionList}" var="traditionList">
                                <c:if test="${traditionList.sort==13}">
                                    <li>
                                    <input type="radio" name="steelCore" id="steelCoreTradition" value="${traditionList.name}"/>${traditionList.name}
                                    </li>
                                </c:if>
                            </c:forEach>
                        </ul>
                        <span class="tips" id="steelCoreTip"></span>
                    </li>
                    <li class="danxuan_radio">
                        <span>飞机<br />（单位:mm）</span>
                        <ul class="radio_group">
                            <c:forEach items="${traditionList}" var="traditionList">
                                <c:if test="${traditionList.sort==14}">
                                    <li>
                                    <input type="radio" name="plane" id="planeTradition" value="${traditionList.name}"/>${traditionList.name}
                                    </li>
                                </c:if>
                            </c:forEach>
                        </ul>
                    </li>
                    <li class="danxuan_radio">
                        <span>飞机网布</span>
                        <ul class="radio_group">
                            <c:forEach items="${traditionList}" var="traditionList">
                                <c:if test="${traditionList.sort==14}">
                                    <li>
                                    <input type="radio" name="planeCloth" id="planeClothTradition" value="${traditionList.name}"/>${traditionList.name}
                                    </li>
                                </c:if>
                            </c:forEach>
                        </ul>
                    </li>
                </ul>
            </div>
            <li>
                <span>跟高<i>*</i><br />（单位:cm）</span>
                <div class="protype_group">
                    <input id="heelHeightTradition" name="heelHeight" type="text" onfocus="this.value='';this.style.color = '#333';this.style.border='1px solid #019740';" onblur="if(this.value==''){this.value=' ';this.style.color = '#ccc';}this.style.border='1px solid #ccc';" /><span>超高跟</span>
                </div>
                <span class="tips" id="heelHeightTip"></span>
            </li>
            <li>
                <span>毛重<i>*</i><br />（单位:g）</span>
                <input id="grossWeightTradition" name="grossWeight" type="text" onfocus="this.value='';this.style.color = '#333';this.style.border='1px solid #019740';" onblur="if(this.value==''){this.value=' ';this.style.color = '#ccc';}this.style.border='1px solid #ccc';" />
                <span class="tips" id="grossWeightTip"></span>
            </li>
            <li>
                <span>日产能<br />（单位:双）</span>
                <input id="dailyCapacityTradition" name="dailyCapacity" type="text" onfocus="this.value='';this.style.color = '#333';this.style.border='1px solid #019740';" onblur="if(this.value==''){this.value=' ';this.style.color = '#ccc';}this.style.border='1px solid #ccc';" />
            </li>
            <li>
                <span>中底图片<i>*</i></span>
                <div class="protype_img">
                    <input multiple="multiple" type="file" onchange="javascript:setInsoleImgPreviews1();" name="insoleImg" class="element" id="insoleImg1" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
                    <label for="insoleImg1"><span><img src="${baseurl}statics/assets/images/add.png" alt="" /></span></label>
                </div>
                <span class="tips" id="insoleImgTip"></span>
                <div id="showInsoleImg1" class="clearfix zhongdi_showimg" style=" width:990px;"></div>
            </li>
            <li>
                <span>展示图片<i>*</i></span>
                <div class="protype_img">
                    <input multiple="multiple" type="file" onchange="javascript:setUnfoldImagePreviews1();" name="unfoldImg" class="element" id="unfoldImg1" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
                    <label for="unfoldImg1"><span><img src="${baseurl}statics/assets/images/add.png" alt="" /></span></label>
                </div>
                <span class="tips" id="unfoldImgTip"></span>
                <div id="showUnfoldImg1" class="clearfix zhongdi_showimg" style=" width:990px;"></div>
            </li>
            <li>
                <span>质检报告<i>*</i></span>
                <div class="protype_img">
                    <input multiple="multiple" type="file" onchange="javascript:setReportPreviews1();" name="report" class="element" id="report1" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
                    <label for="report1"><span><img src="${baseurl}statics/assets/images/add.png" alt="" /></span></label>
                </div>
                <span class="tips" id="reportTip"></span>
                <div id="showReport1"  class="clearfix zhongdi_showimg" style=" width:990px;"></div>
            </li>
        </ul>
        </form>
        <li><input type="submit" class="btn save-btn" value="确定" onclick="gosubmit1()">
        </li>
        <%--<div class="bg-green register-button"><a href="#">确定</a></div>--%>
    </div>
    <%--传统--%>
    <%--注塑--%>
    <div class="order-form-rbox protype_form_box"  style="display: none">
        <form id="myupload2" method="post" action="${baseurl}insole/uploadInsole" class="add-new-area" enctype='multipart/form-data'>
            <input type="hidden" name="adminId" value="${sysUserManage.id}">
            <input type="hidden" name="adminName" value="${sysUserManage.userName}">
        <ul>
            <li class="danxuan_radio">
                <span>鞋类型<i>*</i></span>
                <ul class="radio_group">
                    <c:forEach items="${injectionList}" var="injectionList">
                        <c:if test="${injectionList.sort==1}">
                        <li>
                            <input type="radio" name="shoesType" id="shoesTypeInjection" value="${injectionList.value}"/><label for="shoesTypeInjection">${injectionList.name}
                        </li>
                        </c:if>
                    </c:forEach>
                </ul>
                <span class="tips" id="shoesTypeTip2"></span>
            </li>
            <li class="tab_show">
                <span>中底工艺<i>*</i></span>
                <ul>
                    <li><input type="radio" name="midsole"  id="ctgyt" value="T" /><label><img
                            src="${baseurl}statics/assets/images/radio.png" alt="">传统</label></li>
                    <li><input type="radio" name="midsole"  id="ctgyp" value="P" /><label><img
                            src="${baseurl}statics/assets/images/radiob.png" alt="">注塑</label></li>
                    <li><input type="radio" name="midsole"  id="ctgyr" value="R"/><label><img
                            src="${baseurl}statics/assets/images/radio.png" alt="">PU一体</label></li>
                </ul>
            </li>
            <li class="danxuan_radio">
                <span>季节款式<i>*</i></span>
                <ul class="radio_group">
                    <c:forEach items="${injectionList}" var="injectionList">
                        <c:if test="${injectionList.sort==3}">
                            <li>
                            <input type="radio" name="seasonStyle" id="seasonStyleInjection" value="${injectionList.name}"/>${injectionList.name}
                            </li>
                        </c:if>
                    </c:forEach>
                </ul>
                <span class="tips" id="seasonStyleTip2"></span>
            </li>
            <li class="duoxuan_check">
                <span>功能分类<i>*</i></span>
                <ul class="checkbox_group">
                    <c:forEach items="${injectionList}" var="injectionList">
                        <c:if test="${injectionList.sort==4}">
                            <li>
                            <input type="checkbox" name="classify" id="classifyInjection" value="${injectionList.name}"/>${injectionList.name}
                            </li>
                        </c:if>
                    </c:forEach>
                </ul>
                <span class="tips" id="classifyTip2"></span>
            </li>
            <li class="danxuan_radio">
                <span>鞋头形状<i>*</i></span>
                <ul class="radio_group">
                    <c:forEach items="${injectionList}" var="injectionList">
                        <c:if test="${injectionList.sort==5}">
                            <li>
                            <input type="radio" name="shape" id="shapeInjection" value="${injectionList.name}"/>${injectionList.name}
                            </li>
                        </c:if>
                    </c:forEach>
                </ul>
                <span class="tips" id="shapeTip2"></span>
            </li>
            <div class="tab_box">
                <ul>
                    <li class="danxuan_radio">
                        <span>前掌材质<br />（单位:mm）</span>
                        <div class="protype_rbox">
                            <ul class="checkbox_group">
                                <c:forEach items="${injectionList}" var="injectionList">
                                    <c:if test="${injectionList.sort==6}">
                                        <li>
                                        <input type="radio" name="isForefoot" id="isForefootInjection" value="${injectionList.value}"/>${injectionList.name}
                                        </li>
                                    </c:if>
                                </c:forEach>
                            </ul>
                            <ul class="radio_group">
                                <c:forEach items="${injectionList}" var="injectionList">
                                    <c:if test="${injectionList.sort==7}">
                                        <li>
                                        <input type="radio" name="texture" id="textureInjection" value="${injectionList.name}"/>${injectionList.name}
                                        </li>
                                    </c:if>
                                </c:forEach>
                            </ul>
                            <ul class="radio_group">
                                <c:forEach items="${injectionList}" var="injectionList">
                                    <c:if test="${injectionList.sort==8}">
                                        <li>
                                       <input type="radio" name="thicknes" id="thicknesInjection" value="${injectionList.name}"/>${injectionList.name}
                                        </li>
                                    </c:if>
                                </c:forEach>
                            </ul>
                        </div>
                    </li>
                    <li class="danxuan_radio">
                        <span>塑胶材料<i>*</i></span>
                        <div class="protype_rbox">
                            <ul class="radio_group">
                                <c:forEach items="${injectionList}" var="injectionList">
                                    <c:if test="${injectionList.sort==9}">
                                        <li>
                                        <input type="radio" name="plasticMaterial" id="plasticMaterialInjection" value="${injectionList.name}"/>${injectionList.name}
                                        </li>
                                    </c:if>
                                </c:forEach>
                            </ul>
                        </div>
                        <span class="tips" id="plasticMaterialTip2"></span>
                    </li>
                    <li class="danxuan_radio">
                        <span>中底板<i>*</i><br />（单位:mm）</span>
                        <ul class="radio_group">
                            <c:forEach items="${injectionList}" var="injectionList">
                                <c:if test="${injectionList.sort==10}">
                                    <li>
                                    <input type="radio" name="midsoleBoard" id="midsoleBoardInjection" value="${injectionList.name}"/>${injectionList.name}
                                    </li>
                                </c:if>
                            </c:forEach>
                        </ul>
                        <span class="tips" id="midsoleBoardTip2"></span>
                    </li>
                    <li class="danxuan_radio">
                        <span>中底网布</span>
                        <ul class="radio_group">
                            <c:forEach items="${injectionList}" var="injectionList">
                                <c:if test="${injectionList.sort==11}">
                                    <li>
                                    <input type="radio" name="midsoleCloth" id="midsoleClothInjection" value="${injectionList.name}" />${injectionList.name}
                                    </li>
                                </c:if>
                            </c:forEach>
                        </ul>
                    </li>
                    <li class="danxuan_radio">
                        <span>钢芯<i>*</i><br />（单位:mm）</span>
                        <ul class="radio_group">
                            <c:forEach items="${injectionList}" var="injectionList">
                                <c:if test="${injectionList.sort==12}">
                                    <li>
                                    <input type="radio" name="steelCore" id="steelCoreInjection" value="${injectionList.name}"/>${injectionList.name}
                                    </li>
                                </c:if>
                            </c:forEach>
                        </ul>
                        <span class="tips" id="steelCoreTip2"></span>
                    </li>
                    <li class="danxuan_radio">
                        <span>飞机位<br />（单位:mm）</span>
                        <ul class="radio_group">
                            <c:forEach items="${injectionList}" var="injectionList">
                                <c:if test="${injectionList.sort==13}">
                                    <li>
                                    <input type="radio" name="planePosition" id="planePositionInjection" value="${injectionList.name}"/>${injectionList.name}
                                    </li>
                                </c:if>
                            </c:forEach>
                        </ul>
                    </li>
                </ul>
            </div>
            <li>
                <span>跟高<i>*</i><br />（单位:cm）</span>
                <div class="protype_group">
                    <input id="heelHeightInjection" name="heelHeight" type="text" onfocus="this.value='';this.style.color = '#333';this.style.border='1px solid #019740';" onblur="if(this.value==''){this.value=' ';this.style.color = '#ccc';}this.style.border='1px solid #ccc';" /><span>超高跟</span>
                </div>
                <span class="tips" id="heelHeightTip2"></span>
            </li>
            <li>
                <span>毛重<i>*</i><br />（单位:g）</span>
                <input id="grossWeightInjection" name="grossWeight" type="text" onfocus="this.value='';this.style.color = '#333';this.style.border='1px solid #019740';" onblur="if(this.value==''){this.value=' ';this.style.color = '#ccc';}this.style.border='1px solid #ccc';" />
                <span class="tips" id="grossWeightTip2"></span>
            </li>
            <li>
                <span>日产能<br />（单位:双）</span>
                <input id="dailyCapacityInjection" name="dailyCapacity" type="text" onfocus="this.value='';this.style.color = '#333';this.style.border='1px solid #019740';" onblur="if(this.value==''){this.value=' ';this.style.color = '#ccc';}this.style.border='1px solid #ccc';" />
            </li>
            <li>
                <span>中底图片<i>*</i></span>
                <div class="protype_img">
                    <input multiple="multiple" type="file" onchange="javascript:setInsoleImgPreviews2();" name="insoleImg" class="element" id="insoleImg2" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
                    <label for="insoleImg2"><span><img src="${baseurl}statics/assets/images/add.png" alt="" /></span></label>
                </div>
                <span class="tips" id="insoleImgTip2"></span>
                <div id="showInsoleImg2" style=" width:990px;" class="clearfix  zhongdi_showimg"></div>
            </li>

            <li>
                <span>展示图片<i>*</i></span>
                <div class="protype_img">
                    <input multiple="multiple" type="file" onchange="javascript:setUnfoldImagePreviews2();" name="unfoldImg" class="element" id="unfoldImg2" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
                    <label for="unfoldImg2"><span><img src="${baseurl}statics/assets/images/add.png" alt="" /></span></label>
                </div>
                <span class="tips" id="unfoldImgTip2"></span>
                <div id="showUnfoldImg2" style=" width:990px;" class="clearfix  zhongdi_showimg"></div>
            </li>
            <li>
                <span>质检报告<i>*</i></span>
                <div class="protype_img">
                    <input multiple="multiple" type="file" onchange="javascript:setReportPreviews2();" name="report" class="element" id="report2" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
                    <label for="report2"><span><img src="${baseurl}statics/assets/images/add.png" alt="" /></span></label>
                </div>
                <span class="tips" id="reportTip2"></span>
                <div id="showReport2" style=" width:990px;" class="clearfix  zhongdi_showimg"></div>
            </li>
        </ul>
        </form>
        <li><input type="submit" class="btn save-btn" value="确定" onclick="gosubmit2()">
        </li>
    </div>
    <%--注塑--%>
    <%--pu--%>
    <div class="order-form-rbox protype_form_box"  style="display: none">
        <form id="myupload3" method="post" action="${baseurl}insole/uploadInsole" class="add-new-area" enctype='multipart/form-data'>
            <input type="hidden" name="adminId" value="${sysUserManage.id}">
            <input type="hidden" name="adminName" value="${sysUserManage.userName}">
        <ul>
            <li class="danxuan_radio">
                <span>鞋类型<i>*</i></span>
                <ul class="radio_group">
                    <c:forEach items="${resinList}" var="resinList">
                        <c:if test="${resinList.sort==1}">
                            <li>
                            <input type="radio" name="shoesType" id="shoesTypeResin" value="${resinList.value}"/>${resinList.name}
                            </li>
                        </c:if>
                    </c:forEach>
                </ul>
                <span class="tips" id="shoesTypeTip3"></span>
            </li>
            <li class="tab_show">
                <span>中底工艺<i>*</i></span>
                <ul>
                    <li><input type="radio" name="midsole" id="ctgy" value="T"/><label><img
                            src="${baseurl}statics/assets/images/radio.png" alt="">传统</label></li>
                    <li><input type="radio" name="midsole" id="zsgy" value="P"/><label ><img
                            src="${baseurl}statics/assets/images/radio.png" alt="">注塑</label></li>
                    <li><input type="radio" name="midsole" id="pugy" value="R"/><label ><img
                            src="${baseurl}statics/assets/images/radiob.png" alt="">PU一体</label></li>
                </ul>
            </li>
            <li class="danxuan_radio">
                <span>季节款式<i>*</i></span>
                <ul class="radio_group">
                    <c:forEach items="${resinList}" var="resinList">
                        <c:if test="${resinList.sort==3}">
                            <li>
                            <input type="radio" name="seasonStyle" id="seasonStyleResin" value="${resinList.name}"/>${resinList.name}
                            </li>
                        </c:if>
                    </c:forEach>
                </ul>
                <span class="tips" id="seasonStyleTip3"></span>
            </li>
            <li class="duoxuan_check">
                <span>功能分类<i>*</i></span>
                <ul class="checkbox_group">
                    <c:forEach items="${resinList}" var="resinList">
                        <c:if test="${resinList.sort==4}">
                            <li>
                            <input type="checkbox" name="classify" id="classifyResin" value="${resinList.name}"/>${resinList.name}
                            </li>
                        </c:if>
                    </c:forEach>
                </ul>
                <span class="tips" id="classifyTip3"></span>
            </li>
            <li class="danxuan_radio">
                <span>鞋头形状<i>*</i></span>
                <ul class="radio_group">
                    <c:forEach items="${resinList}" var="resinList">
                        <c:if test="${resinList.sort==5}">
                            <li>
                            <input type="radio" name="shape" id="shapeResin" value="${resinList.name}"/>${resinList.name}
                            </li>
                        </c:if>
                    </c:forEach>
                </ul>
                <span class="tips" id="shapeTip3"></span>
            </li>
            <div class="tab_box">
                <ul>
                    <li class="danxuan_radio">
                        <span>整只材质<br />（单位:mm）</span>
                        <div class="protype_rbox">
                            <ul class="radio_group">
                                <c:forEach items="${resinList}" var="resinList">
                                    <c:if test="${resinList.sort==6}">
                                        <li>
                                        <input type="radio" name="texture" id="textureResin" value="${resinList.name}"/>${resinList.name}
                                        </li>
                                    </c:if>
                                </c:forEach>
                            </ul>
                            <ul class="radio_group">
                                <c:forEach items="${resinList}" var="resinList">
                                    <c:if test="${resinList.sort==7}">
                                        <li>
                                       <input type="radio" name="thicknes" id="thicknesResin" value="${resinList.name}"/>${resinList.name}
                                        </li>
                                    </c:if>
                                </c:forEach>
                            </ul>
                        </div>
                    </li>
                    <li class="danxuan_radio">
                        <span>聚氨酯<i>*</i><br />（单位:g/cm³）</span>
                        <div class="protype_rbox">
                            <ul class="radio_group">
                                <c:forEach items="${resinList}" var="resinList">
                                    <c:if test="${resinList.sort==8}">
                                        <li>
                                        <input type="radio" name="hardness" id="hardnessResin" value="${resinList.name}"/>${resinList.name}
                                        </li>
                                    </c:if>
                                </c:forEach>
                            </ul>
                            <ul class="radio_group">
                                <c:forEach items="${resinList}" var="resinList">
                                    <c:if test="${resinList.sort==9}">
                                        <li>
                                        <input type="radio" name="density" id="densityResin" value="${resinList.name}"/>${resinList.name}
                                        </li>
                                    </c:if>
                                </c:forEach>
                            </ul>
                        </div>
                        <span class="tips" id="densityTip3"></span>
                    </li>
                    <li class="danxuan_radio">
                        <span>中底板<i>*</i><br />（单位:mm）</span>
                        <ul class="radio_group">
                            <c:forEach items="${resinList}" var="resinList">
                                <c:if test="${resinList.sort==10}">
                                    <li>
                                    <input type="radio" name="midsoleBoard" id="midsoleBoardResin" value="${resinList.name}"/>${resinList.name}
                                    </li>
                                </c:if>
                            </c:forEach>
                        </ul>
                        <span class="tips" id="midsoleBoardTip3"></span>
                    </li>
                </ul>
            </div>
            <li>
                <span>跟高<i>*</i><br />（单位:cm）</span>
                <span class="protype_group">
                    <input id="heelHeightResin" name="heelHeight" type="text" onfocus="this.value='';this.style.color = '#333';this.style.border='1px solid #019740';" onblur="if(this.value==''){this.value=' ';this.style.color = '#ccc';}this.style.border='1px solid #ccc';" /><span>超高跟</span>
                </span>
                <span class="tips" id="heelHeightTip3"></span>
            </li>
            <li>
                <span>毛重<i>*</i><br />（单位:g）</span>
                <span class="protype_group">
                    <input id="grossWeightResin" name="grossWeight" type="text" onfocus="this.value='';this.style.color = '#333';this.style.border='1px solid #019740';" onblur="if(this.value==''){this.value=' ';this.style.color = '#ccc';}this.style.border='1px solid #ccc';" />
                </span>
                <span class="tips" id="grossWeightTip3"></span>
            </li>
            <li>
                <span>日产能<br />（单位:双）</span>
                <span class="protype_group">
                <input id="dailyCapacityResin" name="dailyCapacity" type="text" onfocus="this.value='';this.style.color = '#333';this.style.border='1px solid #019740';" onblur="if(this.value==''){this.value=' ';this.style.color = '#ccc';}this.style.border='1px solid #ccc';" />
                </span>
            </li>
            <li>
                <span>中底图片<i>*</i></span>
                <div class="protype_img">
                    <input multiple="multiple" type="file" onchange="javascript:setInsoleImgPreviews3();" name="insoleImg" class="element" id="insoleImg3" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
                    <label for="insoleImg3"><span><img src="${baseurl}statics/assets/images/add.png" alt="" /></span></label>
                </div>
                <span class="tips" id="insoleImgTip3"></span>
                <div id="showInsoleImg3" style=" width:990px;" class="clearfix  zhongdi_showimg"></div>
            </li>
            <li>
                <span>展示图片<i>*</i></span>
                <div class="protype_img">
                    <input multiple="multiple" type="file" onchange="javascript:setUnfoldImagePreviews3();" name="unfoldImg" class="element" id="unfoldImg3" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
                    <label for="unfoldImg3"><span><img src="${baseurl}statics/assets/images/add.png" alt="" /></span></label>
                </div>
                <span class="tips" id="unfoldImgTip3"></span>
                <div id="showUnfoldImg3" style=" width:990px;" class="clearfix  zhongdi_showimg"></div>
            </li>
            <li>
                <span>质检报告<i>*</i></span>
                <div class="protype_img">
                    <input multiple="multiple" type="file" onchange="javascript:setReportPreviews3();" name="report" class="element" id="report3" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
                    <label for="report3"><span><img src="${baseurl}statics/assets/images/add.png" alt="" /></span></label>
                </div>
                <span class="tips" id="reportTip3"></span>
                <div id="showReport3" style=" width:990px;" class="clearfix  zhongdi_showimg"></div>
            </li>
        </ul>
        </form>
        <li><input type="submit" class="btn save-btn" value="确定" onclick="gosubmit3()">
    </div>
    <%--pu--%>
</div>

<script type="text/javascript">
    //下面用于多图片上传预览功能(中底图片)
    function setInsoleImgPreviews1(avalue) {
        var docObj = document.getElementById("insoleImg1");
        var dd = document.getElementById("showInsoleImg1");
//        dd.innerHTML = "";
        var fileList = docObj.files;
        console.log(fileList);
        for (var i = 0; i < fileList.length; i++) {
            dd.innerHTML += "<div style='float:left' ><i class='icon-remove'></i><img id='images" + i + "' /> </div>";
            var imgObjPreview = document.getElementById("images"+i);
            if (docObj.files && docObj.files[i]) {
                //火狐下，直接设img属性
                imgObjPreview.style.display = 'block';
                imgObjPreview.style.width = '150px';
                imgObjPreview.style.height = '180px';
                //imgObjPreview.src = docObj.files[0].getAsDataURL();
                //火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式
                imgObjPreview.src = window.URL.createObjectURL(docObj.files[i]);
            }
            else {
                //IE下，使用滤镜
                docObj.select();
                var imgSrc = document.selection.createRange().text;
                alert(imgSrc)
                var localImagId = document.getElementById("images" + i);
                //必须设置初始大小
                localImagId.style.width = "150px";
                localImagId.style.height = "180px";
                //图片异常的捕捉，防止用户修改后缀来伪造图片
                try {
                    localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                    localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
                }
                catch (e) {
                    alert("您上传的图片格式不正确，请重新选择!");
                    return false;
                }
                imgObjPreview.style.display = 'none';
                document.selection.empty();
            }
        }
        $(".zhongdi_showimg i").click(function () {
            $(this).parent(".zhongdi_showimg>div").remove();
        })
        return true;
    }

    //下面用于多图片上传预览功能(展开图片)
    function setUnfoldImagePreviews1(avalue) {
        var docObj = document.getElementById("unfoldImg1");
        var dd = document.getElementById("showUnfoldImg1");
//        dd.innerHTML = "";
        var fileList = docObj.files;
        for (var i = 0; i < fileList.length; i++) {
            dd.innerHTML += "<div style='float:left' > <i class='icon-remove'></i><img id='image" + i + "' /> </div>";
            var imgObjPreview = document.getElementById("image"+i);
            if (docObj.files && docObj.files[i]) {
                //火狐下，直接设img属性
                imgObjPreview.style.display = 'block';
                imgObjPreview.style.width = '150px';
                imgObjPreview.style.height = '180px';
                //imgObjPreview.src = docObj.files[0].getAsDataURL();
                //火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式
                imgObjPreview.src = window.URL.createObjectURL(docObj.files[i]);
            }
            else {
                //IE下，使用滤镜
                docObj.select();
                var imgSrc = document.selection.createRange().text;
                alert(imgSrc)
                var localImagId = document.getElementById("image" + i);
                //必须设置初始大小
                localImagId.style.width = "150px";
                localImagId.style.height = "180px";
                //图片异常的捕捉，防止用户修改后缀来伪造图片
                try {
                    localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                    localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
                }
                catch (e) {
                    alert("您上传的图片格式不正确，请重新选择!");
                    return false;
                }
                imgObjPreview.style.display = 'none';
                document.selection.empty();
            }
        }
        $(".zhongdi_showimg i").click(function () {
            $(this).parent(".zhongdi_showimg>div").remove();
        })
        return true;
    }

    //下面用于多图片上传预览功能(质检报告)
    function setReportPreviews1(avalue) {
        var docObj = document.getElementById("report1");
        var dd = document.getElementById("showReport1");
//        dd.innerHTML = "";
        var fileList = docObj.files;
        for (var i = 0; i < fileList.length; i++) {
            dd.innerHTML += "<div style='float:left' ><i class='icon-remove'></i> <img id='img" + i + "' /> </div>";
            var imgObjPreview = document.getElementById("img"+i);
            if (docObj.files && docObj.files[i]) {
                //火狐下，直接设img属性
                imgObjPreview.style.display = 'block';
                imgObjPreview.style.width = '150px';
                imgObjPreview.style.height = '180px';
                //imgObjPreview.src = docObj.files[0].getAsDataURL();
                //火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式
                imgObjPreview.src = window.URL.createObjectURL(docObj.files[i]);
            }
            else {
                //IE下，使用滤镜
                docObj.select();
                var imgSrc = document.selection.createRange().text;
                alert(imgSrc)
                var localImagId = document.getElementById("img" + i);
                //必须设置初始大小
                localImagId.style.width = "150px";
                localImagId.style.height = "180px";
                //图片异常的捕捉，防止用户修改后缀来伪造图片
                try {
                    localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                    localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
                }
                catch (e) {
                    alert("您上传的图片格式不正确，请重新选择!");
                    return false;
                }
                imgObjPreview.style.display = 'none';
                document.selection.empty();
            }
        }
        $(".zhongdi_showimg i").click(function () {
            $(this).parent(".zhongdi_showimg>div").remove();
        })
        return true;
    }

    //下面用于多图片上传预览功能(中底图片)
    function setInsoleImgPreviews2(avalue) {
        var docObj = document.getElementById("insoleImg2");
        var dd = document.getElementById("showInsoleImg2");
//        dd.innerHTML = "";
        var fileList = docObj.files;
        for (var i = 0; i < fileList.length; i++) {
            dd.innerHTML += "<div style='float:left' ><i class='icon-remove'></i> <img id='images" + i + "' /> </div>";
            var imgObjPreview = document.getElementById("images"+i);
            if (docObj.files && docObj.files[i]) {
                //火狐下，直接设img属性
                imgObjPreview.style.display = 'block';
                imgObjPreview.style.width = '150px';
                imgObjPreview.style.height = '180px';
                //imgObjPreview.src = docObj.files[0].getAsDataURL();
                //火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式
                imgObjPreview.src = window.URL.createObjectURL(docObj.files[i]);
            }
            else {
                //IE下，使用滤镜
                docObj.select();
                var imgSrc = document.selection.createRange().text;
                alert(imgSrc)
                var localImagId = document.getElementById("images" + i);
                //必须设置初始大小
                localImagId.style.width = "150px";
                localImagId.style.height = "180px";
                //图片异常的捕捉，防止用户修改后缀来伪造图片
                try {
                    localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                    localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
                }
                catch (e) {
                    alert("您上传的图片格式不正确，请重新选择!");
                    return false;
                }
                imgObjPreview.style.display = 'none';
                document.selection.empty();
            }
        }
        return true;
    }

    //下面用于多图片上传预览功能(展开图片)
    function setUnfoldImagePreviews2(avalue) {
        var docObj = document.getElementById("unfoldImg2");
        var dd = document.getElementById("showUnfoldImg2");
//        dd.innerHTML = "";
        var fileList = docObj.files;
        for (var i = 0; i < fileList.length; i++) {
            dd.innerHTML += "<div style='float:left' > <i class='icon-remove'></i><img id='image" + i + "' /> </div>";
            var imgObjPreview = document.getElementById("image"+i);
            if (docObj.files && docObj.files[i]) {
                //火狐下，直接设img属性
                imgObjPreview.style.display = 'block';
                imgObjPreview.style.width = '150px';
                imgObjPreview.style.height = '180px';
                //imgObjPreview.src = docObj.files[0].getAsDataURL();
                //火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式
                imgObjPreview.src = window.URL.createObjectURL(docObj.files[i]);
            }
            else {
                //IE下，使用滤镜
                docObj.select();
                var imgSrc = document.selection.createRange().text;
                alert(imgSrc)
                var localImagId = document.getElementById("image" + i);
                //必须设置初始大小
                localImagId.style.width = "150px";
                localImagId.style.height = "180px";
                //图片异常的捕捉，防止用户修改后缀来伪造图片
                try {
                    localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                    localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
                }
                catch (e) {
                    alert("您上传的图片格式不正确，请重新选择!");
                    return false;
                }
                imgObjPreview.style.display = 'none';
                document.selection.empty();
            }
        }
        $(".zhongdi_showimg i").click(function () {
            $(this).parent(".zhongdi_showimg>div").remove();
        })
        return true;
    }

    //下面用于多图片上传预览功能(质检报告)
    function setReportPreviews2(avalue) {
        var docObj = document.getElementById("report2");
        var dd = document.getElementById("showReport2");
//        dd.innerHTML = "";
        var fileList = docObj.files;
        for (var i = 0; i < fileList.length; i++) {
            dd.innerHTML += "<div style='float:left' > <i class='icon-remove'></i><img id='img" + i + "' /> </div>";
            var imgObjPreview = document.getElementById("img"+i);
            if (docObj.files && docObj.files[i]) {
                //火狐下，直接设img属性
                imgObjPreview.style.display = 'block';
                imgObjPreview.style.width = '150px';
                imgObjPreview.style.height = '180px';
                //imgObjPreview.src = docObj.files[0].getAsDataURL();
                //火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式
                imgObjPreview.src = window.URL.createObjectURL(docObj.files[i]);
            }
            else {
                //IE下，使用滤镜
                docObj.select();
                var imgSrc = document.selection.createRange().text;
                alert(imgSrc)
                var localImagId = document.getElementById("img" + i);
                //必须设置初始大小
                localImagId.style.width = "150px";
                localImagId.style.height = "180px";
                //图片异常的捕捉，防止用户修改后缀来伪造图片
                try {
                    localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                    localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
                }
                catch (e) {
                    alert("您上传的图片格式不正确，请重新选择!");
                    return false;
                }
                imgObjPreview.style.display = 'none';
                document.selection.empty();
            }
        }
        $(".zhongdi_showimg i").click(function () {
            $(this).parent(".zhongdi_showimg>div").remove();
        })
        return true;
    }

    //下面用于多图片上传预览功能(中底图片)
    function setInsoleImgPreviews3(avalue) {
        var docObj = document.getElementById("insoleImg3");
        var dd = document.getElementById("showInsoleImg3");
//        dd.innerHTML = "";
        var fileList = docObj.files;
        for (var i = 0; i < fileList.length; i++) {
            dd.innerHTML += "<div style='float:left' > <i class='icon-remove'></i><img id='images" + i + "' /> </div>";
            var imgObjPreview = document.getElementById("images"+i);
            if (docObj.files && docObj.files[i]) {
                //火狐下，直接设img属性
                imgObjPreview.style.display = 'block';
                imgObjPreview.style.width = '150px';
                imgObjPreview.style.height = '180px';
                //imgObjPreview.src = docObj.files[0].getAsDataURL();
                //火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式
                imgObjPreview.src = window.URL.createObjectURL(docObj.files[i]);
            }
            else {
                //IE下，使用滤镜
                docObj.select();
                var imgSrc = document.selection.createRange().text;
                alert(imgSrc)
                var localImagId = document.getElementById("images" + i);
                //必须设置初始大小
                localImagId.style.width = "150px";
                localImagId.style.height = "180px";
                //图片异常的捕捉，防止用户修改后缀来伪造图片
                try {
                    localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                    localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
                }
                catch (e) {
                    alert("您上传的图片格式不正确，请重新选择!");
                    return false;
                }
                imgObjPreview.style.display = 'none';
                document.selection.empty();
            }
        }
        $(".zhongdi_showimg i").click(function () {
            $(this).parent(".zhongdi_showimg>div").remove();
        })

        return true;
    }

    //下面用于多图片上传预览功能(展开图片)
    function setUnfoldImagePreviews3(avalue) {
        var docObj = document.getElementById("unfoldImg3");
        var dd = document.getElementById("showUnfoldImg3");
//        dd.innerHTML = "";
        var fileList = docObj.files;
        for (var i = 0; i < fileList.length; i++) {
            dd.innerHTML += "<div style='float:left' > <i class='icon-remove'></i><img id='image" + i + "' /> </div>";
            var imgObjPreview = document.getElementById("image"+i);
            if (docObj.files && docObj.files[i]) {
                //火狐下，直接设img属性
                imgObjPreview.style.display = 'block';
                imgObjPreview.style.width = '150px';
                imgObjPreview.style.height = '180px';
                //imgObjPreview.src = docObj.files[0].getAsDataURL();
                //火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式
                imgObjPreview.src = window.URL.createObjectURL(docObj.files[i]);
            }
            else {
                //IE下，使用滤镜
                docObj.select();
                var imgSrc = document.selection.createRange().text;
                alert(imgSrc)
                var localImagId = document.getElementById("image" + i);
                //必须设置初始大小
                localImagId.style.width = "150px";
                localImagId.style.height = "180px";
                //图片异常的捕捉，防止用户修改后缀来伪造图片
                try {
                    localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                    localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
                }
                catch (e) {
                    alert("您上传的图片格式不正确，请重新选择!");
                    return false;
                }
                imgObjPreview.style.display = 'none';
                document.selection.empty();
            }
        }
        $(".zhongdi_showimg i").click(function () {
            $(this).parent(".zhongdi_showimg>div").remove();
        })
        return true;
    }

    //下面用于多图片上传预览功能(质检报告)
    function setReportPreviews3(avalue) {
        var docObj = document.getElementById("report3");
        var dd = document.getElementById("showReport3");
//        dd.innerHTML = "";
        var fileList = docObj.files;
        for (var i = 0; i < fileList.length; i++) {
            dd.innerHTML += "<div style='float:left' ><i class='icon-remove'></i> <img id='img" + i + "' /> </div>";
            var imgObjPreview = document.getElementById("img"+i);
            if (docObj.files && docObj.files[i]) {
                //火狐下，直接设img属性
                imgObjPreview.style.display = 'block';
                imgObjPreview.style.width = '150px';
                imgObjPreview.style.height = '180px';
                //imgObjPreview.src = docObj.files[0].getAsDataURL();
                //火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式
                imgObjPreview.src = window.URL.createObjectURL(docObj.files[i]);
            }
            else {
                //IE下，使用滤镜
                docObj.select();
                var imgSrc = document.selection.createRange().text;
                alert(imgSrc)
                var localImagId = document.getElementById("img" + i);
                //必须设置初始大小
                localImagId.style.width = "150px";
                localImagId.style.height = "180px";
                //图片异常的捕捉，防止用户修改后缀来伪造图片
                try {
                    localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                    localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
                }
                catch (e) {
                    alert("您上传的图片格式不正确，请重新选择!");
                    return false;
                }
                imgObjPreview.style.display = 'none';
                document.selection.empty();
            }
        }
        $(".zhongdi_showimg i").click(function () {
            $(this).parent(".zhongdi_showimg>div").remove();
        })
        return true;
    }

    //传统
    function gosubmit1(){

        //鞋类型
        var shoesType = $("input[name=shoesType]:checked").length;
        if(shoesType==1){
            shoesTypeTip.innerHTML = '';
        }else{
            shoesTypeTip.innerHTML = '请选择鞋类型';
            return false;
        }

        //季节款式
        var seasonStyle = $("input[name=seasonStyle]:checked").length;
        if(seasonStyle==1){
            seasonStyleTip.innerHTML = '';
        }else{
            seasonStyleTip.innerHTML = '请选择季节款式';
            return false;
        }

        //功能分类
        var classify = $("input[name=classify]:checked").length;
        if(classify>=1){
            classifyTip.innerHTML = '';
        }else{
            classifyTip.innerHTML = '请选择功能分类';
            return false;
        }

        //鞋头形状
        var shape = $("input[name=shape]:checked").length;
        if(shape==1){
            shapeTip.innerHTML = '';
        }else{
            shapeTip.innerHTML = '请选择鞋头形状';
            return false;
        }

        //中底板
        var midsoleBoard = $("input[name=midsoleBoard]:checked").length;
        if(midsoleBoard==1){
            midsoleBoardTip.innerHTML = '';
        }else{
            midsoleBoardTip.innerHTML = '请选择中底板';
            return false;
        }


        //钢芯
        var steelCore = $("input[name=steelCore]:checked").length;
        if(steelCore==1){
            steelCoreTip.innerHTML = '';
        }else{
            steelCoreTip.innerHTML = '请选择钢芯';
            return false;
        }

        //跟高
        var heelHeight = $("#heelHeightTradition").val().trim();
        if(heelHeight==''){
            heelHeightTip.innerHTML = '请输入跟高';
            return false;
        }else{
            heelHeightTip.innerHTML = '';
        }

        //毛重
        var grossWeight = $("#grossWeightTradition").val().trim();
        if(grossWeight==''){
            grossWeightTip.innerHTML = '请输入毛重';
            return false;
        }else{
            grossWeightTip.innerHTML = '';
        }

        //中底图片
        var insoleImg = $("#showInsoleImg1").html();
        if(''==insoleImg){
            insoleImgTip.innerHTML = '请上传中底图片';
            return false;
        }else{
            insoleImgTip.innerHTML = '';
        }

        //展示图片
        var unfoldImg = $("#showUnfoldImg1").html();
        if(''==unfoldImg){
            unfoldImgTip.innerHTML = '请上传展示图片';
            return false;
        }else{
            unfoldImgTip.innerHTML = '';
        }

        //质检报告
        var reportImage = $("#showReport1").html();
        if(''==reportImage){
            reportTip.innerHTML = '请上传质检报告';
            return false;
        }else{
            reportTip.innerHTML = '';
        }

        $("#myupload1").submit();
        /*$("#myupload1").ajaxSubmit({
            dataType :'json',//返回数据类型
            beforeSend:function(){

            },
            success:function(data){//图片上传成功时
                //获取服务器端返回的文件数据
                alert(data.name+","+data.pic+","+data.size);
            },
            error:function(xhr){

            }
        });*/
    }

    //树脂
    function gosubmit2(){

        //鞋类型
        var shoesType = $("input[name=shoesType]:checked").length;
        if(shoesType==1){
            shoesTypeTip2.innerHTML = '';
        }else{
            shoesTypeTip2.innerHTML = '请选择鞋类型';
            return false;
        }

        //季节款式
        var seasonStyle = $("input[name=seasonStyle]:checked").length;
        if(seasonStyle==1){
            seasonStyleTip2.innerHTML = '';
        }else{
            seasonStyleTip2.innerHTML = '请选择季节款式';
            return false;
        }

        //功能分类
        var classify = $("input[name=classify]:checked").length;
        if(classify>=1){
            classifyTip2.innerHTML = '';
        }else{
            classifyTip2.innerHTML = '请选择功能分类';
            return false;
        }

        //鞋头形状
        var shape = $("input[name=shape]:checked").length;
        if(shape==1){
            shapeTip2.innerHTML = '';
        }else{
            shapeTip2.innerHTML = '请选择鞋头形状';
            return false;
        }

        //塑胶材料
        var plasticMaterial = $("input[name=plasticMaterial]:checked").length;
        if(plasticMaterial==1){
            plasticMaterialTip2.innerHTML = '';
        }else{
            plasticMaterialTip2.innerHTML = '请选择塑胶材料*';
            return false;
        }

        //中底板
        var midsoleBoard = $("input[name=midsoleBoard]:checked").length;
        if(midsoleBoard==1){
            midsoleBoardTip2.innerHTML = '';
        }else{
            midsoleBoardTip2.innerHTML = '请选择中底板';
            return false;
        }

        //钢芯
        var steelCore = $("input[name=steelCore]:checked").length;
        if(steelCore==1){
            steelCoreTip2.innerHTML = '';
        }else{
            steelCoreTip2.innerHTML = '请选择钢芯';
            return false;
        }

        //跟高
        var heelHeight = $("#heelHeightInjection").val().trim();
        if(heelHeight==''){
            heelHeightTip2.innerHTML = '请输入跟高';
            return false;
        }else{
            heelHeightTip2.innerHTML = '';
        }

        //毛重
        var grossWeight = $("#grossWeightInjection").val().trim();
        if(grossWeight==''){
            grossWeightTip2.innerHTML = '请输入毛重';
            return false;
        }else{
            grossWeightTip2.innerHTML = '';
        }

        //中底图片
        var insoleImg = $("#showInsoleImg2").html();
        if(''==insoleImg){
            insoleImgTip2.innerHTML = '请上传中底图片';
            return false;
        }else{
            insoleImgTip2.innerHTML = '';
        }

        //展示图片
        var unfoldImg = $("#showUnfoldImg2").html();
        if(''==unfoldImg){
            unfoldImgTip2.innerHTML = '请上传展示图片';
            return false;
        }else{
            unfoldImgTip2.innerHTML = '';
        }

        //质检报告
        var reportImage = $("#showReport2").html();
        if(''==reportImage){
            reportTip2.innerHTML = '请上传质检报告';
            return false;
        }else{
            reportTip2.innerHTML = '';
        }

        $("#myupload2").submit();
        /*$("#myupload2").ajaxSubmit({
            dataType :'json',//返回数据类型
            beforeSend:function(){

            },
            success:function(data){//图片上传成功时
                //获取服务器端返回的文件数据
                alert(data.name+","+data.pic+","+data.size);
            },
            error:function(xhr){

            }
        });*/
    }

    //PU一体
    function gosubmit3(){

        //鞋类型
        var shoesType = $("input[name=shoesType]:checked").length;
        if(shoesType==1){
            shoesTypeTip3.innerHTML = '';
        }else{
            shoesTypeTip3.innerHTML = '请选择鞋类型';
            return false;
        }

        //季节款式
        var seasonStyle = $("input[name=seasonStyle]:checked").length;
        if(seasonStyle==1){
            seasonStyleTip3.innerHTML = '';
        }else{
            seasonStyleTip3.innerHTML = '请选择季节款式';
            return false;
        }

        //功能分类
        var classify = $("input[name=classify]:checked").length;
        if(classify>=1){
            classifyTip3.innerHTML = '';
        }else{
            classifyTip3.innerHTML = '请选择功能分类';
            return false;
        }

        //鞋头形状
        var shape = $("input[name=shape]:checked").length;
        if(shape==1){
            shapeTip3.innerHTML = '';
        }else{
            shapeTip3.innerHTML = '请选择鞋头形状';
            return false;
        }

        //聚胺脂
        var hardness = $("input[name=hardness]:checked").length;
        var density = $("input[name=density]:checked").length;
        if(hardness==1 && density==1){
            densityTip3.innerHTML = '';
        }else{
            densityTip3.innerHTML = '请选择聚胺脂';
            return false;
        }


        //中底板
        var midsoleBoard = $("input[name=midsoleBoard]:checked").length;
        if(midsoleBoard==1){
            midsoleBoardTip3.innerHTML = '';
        }else{
            midsoleBoardTip3.innerHTML = '请选择中底板';
            return false;
        }

        //跟高
        var heelHeight = $("#heelHeightResin").val().trim();
        if(heelHeight==''){
            heelHeightTip3.innerHTML = '请输入跟高';
            return false;
        }else{
            heelHeightTip3.innerHTML = '';
        }

        //毛重
        var grossWeight = $("#grossWeightResin").val().trim();
        if(grossWeight==''){
            grossWeightTip3.innerHTML = '请输入毛重';
            return false;
        }else{
            grossWeightTip3.innerHTML = '';
        }

        //中底图片
        var insoleImg = $("#showInsoleImg3").html();
        if(''==insoleImg){
            insoleImgTip3.innerHTML = '请上传中底图片';
            return false;
        }else{
            insoleImgTip3.innerHTML = '';
        }

        //展示图片
        var unfoldImg = $("#showUnfoldImg3").html();
        if(''==unfoldImg){
            unfoldImgTip3.innerHTML = '请上传展示图片';
            return false;
        }else{
            unfoldImgTip3.innerHTML = '';
        }

        //质检报告
        var reportImage = $("#showReport3").html();
        if(''==reportImage){
            reportTip3.innerHTML = '请上传质检报告';
            return false;
        }else{
            reportTip3.innerHTML = '';
        }

        $("#myupload3").submit();
        /*$("#myupload3").ajaxSubmit({
            dataType :'json',//返回数据类型
            beforeSend:function(){

            },
            success:function(data){//图片上传成功时
                //获取服务器端返回的文件数据
                alert(data.name+","+data.pic+","+data.size);
            },
            error:function(xhr){

            }
        });*/
    }
</script>

<script type="text/javascript" src="${baseurl}statics/assets/js/jquery.form.js"></script>
<script>
    var showimg = $('.showimg');//显示图片的div
    var files = $('.insoleImg');//文件上传控件的input元素
    var btn = $('.protype_img'); //按钮文本
    function fileupload(){
        $("#myupload").ajaxSubmit({
            dataType :'json',//返回数据类型
            url:'${baseurl}insole/uoloadImage',
            beforeSend:function(){
                showimg.empty();
            },
            success:function(data){//图片上传成功时
                //获取服务器端返回的文件数据
                alert(data.name+","+data.pic+","+data.size);
            },
            error:function(xhr){
                btn.html(上传失败);
                files.html(xhr.responseText);
            }
        });
    }

    $(function(){
        $(".tab_show ul li label").click(function () {
            var ind = $(this).parent("li").index();
            //alert(ind);
            $(".protype_form_box").eq(ind).show().siblings('.protype_form_box').hide();
            //取消单选框中的checked属性
            $(".danxuan_radio input").removeAttr("checked");
            //取消复选框中的checked属性
            $(".checkbox_group input").removeAttr("checked");
            $(".protype_group input").val('');
            $("input[name='heelHeight']").val('');
            //$(".protype_form_box").eq(ind).siblings('.protype_form_box').attr("checked",false);
            $(this).siblings("input").removeAttr("checked");
            $(".protype_form_box").eq(ind).find(".tab_show ul li").eq(ind).find("input").attr("checked",true);
            var ind2 = $(this).parents(".protype_form_box");
            $(this).parent(".protype_form_box").find("li").eq(ind2).find("input").attr("checked",true);
        })
        $(".radio_group li label").click(function(){
            //alert(2)
            if(!($(this).siblings("input[type='radio']").attr("checked") == "checked")){
                $(this).find("img").attr("src","${baseurl}statics/assets/images/radiob.png");
                $(this).siblings("input[type='radio']").attr("checked", true);
                $(this).parent("li").siblings('li').find("input[type='radio']").attr("checked",false);
                $(this).parent("li").siblings('li').find("label img").attr("src","${baseurl}statics/assets/images/radio.png");
            }else if($(this).siblings("input[type='radio']").attr("checked") == "checked"){
                $(this).find("img").attr("src","${baseurl}statics/assets/images/radiob.png");
                $(this).siblings("input[type='radio']").attr("checked", true);
                $(this).parent("li").siblings('li').find("input[type='radio']").attr("checked",false);
                $(this).parent("li").siblings('li').find("label img").attr("src","${baseurl}statics/assets/images/radio.png");
            }
        })


        $(".checkbox_group li input").click(function () {
            $(this).toggleClass("checkoned");
        })
    })
</script>

<!-- basic scripts -->
<!--[if !IE]> -->

<script type="text/javascript">
    window.jQuery || document.write("<script src='${baseurl}statics/assets/js/jquery-2.0.3.min.js'>" + "<" + "/script>");
</script>

<!-- <![endif]-->

<!--[if IE]>
<script type="text/javascript">
    window.jQuery || document.write("<script src='${baseurl}statics/assets/js/jquery-1.10.2.min.js'>" + "<" + "/script>");
</script>
<![endif]-->

<script type="text/javascript">
    if ("ontouchend" in document) document.write("<script src='${baseurl}statics/assets/js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
</script>
<script src="${baseurl}statics/assets/js/bootstrap.min.js"></script>
<script src="${baseurl}statics/assets/js/typeahead-bs2.min.js"></script>

<!-- page specific plugin scripts -->

<!--[if lte IE 8]>
<script src="${baseurl}statics/assets/js/excanvas.min.js"></script>
<![endif]-->

<script src="${baseurl}statics/assets/js/jquery-ui-1.10.3.custom.min.js"></script>
<script src="${baseurl}statics/assets/js/jquery.ui.touch-punch.min.js"></script>
<script src="${baseurl}statics/assets/js/chosen.jquery.min.js"></script>
<script src="${baseurl}statics/assets/js/fuelux/fuelux.spinner.min.js"></script>
<script src="${baseurl}statics/assets/js/date-time/bootstrap-datepicker.min.js"></script>
<script src="${baseurl}statics/assets/js/date-time/bootstrap-timepicker.min.js"></script>
<script src="${baseurl}statics/assets/js/date-time/moment.min.js"></script>
<script src="${baseurl}statics/assets/js/date-time/daterangepicker.min.js"></script>
<script src="${baseurl}statics/assets/js/bootstrap-colorpicker.min.js"></script>
<script src="${baseurl}statics/assets/js/jquery.knob.min.js"></script>
<script src="${baseurl}statics/assets/js/jquery.autosize.min.js"></script>
<script src="${baseurl}statics/assets/js/jquery.inputlimiter.1.3.1.min.js"></script>
<script src="${baseurl}statics/assets/js/jquery.maskedinput.min.js"></script>
<script src="${baseurl}statics/assets/js/bootstrap-tag.min.js"></script>

<!-- ace scripts -->

<script src="${baseurl}statics/assets/js/ace-elements.min.js"></script>
<script src="${baseurl}statics/assets/js/ace.min.js"></script>

<!-- inline scripts related to this page -->


<script type="text/javascript">
    jQuery(function ($) {
        $('#id-disable-check').on('click', function () {
            var inp = $('#form-input-readonly').get(0);
            if (inp.hasAttribute('disabled')) {
                inp.setAttribute('readonly', 'true');
                inp.removeAttribute('disabled');
                inp.value = "This text field is readonly!";
            }
            else {
                inp.setAttribute('disabled', 'disabled');
                inp.removeAttribute('readonly');
                inp.value = "This text field is disabled!";
            }
        });


        $(".chosen-select").chosen();
        $('#chosen-multiple-style').on('click', function (e) {
            var target = $(e.target).find('input[type=radio]');
            var which = parseInt(target.val());
            if (which == 2) $('#form-field-select-4').addClass('tag-input-style');
            else $('#form-field-select-4').removeClass('tag-input-style');
        });


        $('[data-rel=tooltip]').tooltip({container: 'body'});
        $('[data-rel=popover]').popover({container: 'body'});

        $('textarea[class*=autosize]').autosize({append: "\n"});
        $('textarea.limited').inputlimiter({
            remText: '%n character%s remaining...',
            limitText: 'max allowed : %n.'
        });

        $.mask.definitions['~'] = '[+-]';
        $('.input-mask-date').mask('99/99/9999');
        $('.input-mask-phone').mask('(999) 999-9999');
        $('.input-mask-eyescript').mask('~9.99 ~9.99 999');
        $(".input-mask-product").mask("a*-999-a999", {
            placeholder: " ", completed: function () {
                alert("You typed the following: " + this.val());
            }
        });


        $("#input-size-slider").css('width', '200px').slider({
            value: 1,
            range: "min",
            min: 1,
            max: 8,
            step: 1,
            slide: function (event, ui) {
                var sizing = ['', 'input-sm', 'input-lg', 'input-mini', 'input-small', 'input-medium', 'input-large', 'input-xlarge', 'input-xxlarge'];
                var val = parseInt(ui.value);
                $('#form-field-4').attr('class', sizing[val]).val('.' + sizing[val]);
            }
        });

        $("#input-span-slider").slider({
            value: 1,
            range: "min",
            min: 1,
            max: 12,
            step: 1,
            slide: function (event, ui) {
                var val = parseInt(ui.value);
                $('#form-field-5').attr('class', 'col-xs-' + val).val('.col-xs-' + val);
            }
        });


        $("#slider-range").css('height', '200px').slider({
            orientation: "vertical",
            range: true,
            min: 0,
            max: 100,
            values: [17, 67],
            slide: function (event, ui) {
                var val = ui.values[$(ui.handle).index() - 1] + "";

                if (!ui.handle.firstChild) {
                    $(ui.handle).append("<div class='tooltip right in' style='display:none;left:16px;top:-6px;'><div class='tooltip-arrow'></div><div class='tooltip-inner'></div></div>");
                }
                $(ui.handle.firstChild).show().children().eq(1).text(val);
            }
        }).find('a').on('blur', function () {
            $(this.firstChild).hide();
        });

        $("#slider-range-max").slider({
            range: "max",
            min: 1,
            max: 10,
            value: 2
        });

        $("#eq > span").css({width: '90%', 'float': 'left', margin: '15px'}).each(function () {
            // read initial values from markup and remove that
            var value = parseInt($(this).text(), 10);
            $(this).empty().slider({
                value: value,
                range: "min",
                animate: true

            });
        });


        $('#id-input-file-1 , #id-input-file-2').ace_file_input({
            no_file: 'No File ...',
            btn_choose: 'Choose',
            btn_change: 'Change',
            droppable: false,
            onchange: null,
            thumbnail: false //| true | large
            //whitelist:'gif|png|jpg|jpeg'
            //blacklist:'exe|php'
            //onchange:''
            //
        });

        $('#id-input-file-3').ace_file_input({
            style: 'well',
            btn_choose: 'Drop files here or click to choose',
            btn_change: null,
            no_icon: 'icon-cloud-upload',
            droppable: true,
            thumbnail: 'small'//large | fit
            //,icon_remove:null//set null, to hide remove/reset button
            /**,before_change:function(files, dropped) {
						//Check an example below
						//or examples/file-upload.html
						return true;
					}*/
            /**,before_remove : function() {
						return true;
					}*/
            ,
            preview_error: function (filename, error_code) {
                //name of the file that failed
                //error_code values
                //1 = 'FILE_LOAD_FAILED',
                //2 = 'IMAGE_LOAD_FAILED',
                //3 = 'THUMBNAIL_FAILED'
                //alert(error_code);
            }

        }).on('change', function () {
            //console.log($(this).data('ace_input_files'));
            //console.log($(this).data('ace_input_method'));
        });


        //dynamically change allowed formats by changing before_change callback function
        $('#id-file-format').removeAttr('checked').on('change', function () {
            var before_change
            var btn_choose
            var no_icon
            if (this.checked) {
                btn_choose = "Drop images here or click to choose";
                no_icon = "icon-picture";
                before_change = function (files, dropped) {
                    var allowed_files = [];
                    for (var i = 0; i < files.length; i++) {
                        var file = files[i];
                        if (typeof file === "string") {
                            //IE8 and browsers that don't support File Object
                            if (!(/\.(jpe?g|png|gif|bmp)$/i).test(file)) return false;
                        }
                        else {
                            var type = $.trim(file.type);
                            if (( type.length > 0 && !(/^image\/(jpe?g|png|gif|bmp)$/i).test(type) )
                                || ( type.length == 0 && !(/\.(jpe?g|png|gif|bmp)$/i).test(file.name) )//for android's default browser which gives an empty string for file.type
                            ) continue;//not an image so don't keep this file
                        }

                        allowed_files.push(file);
                    }
                    if (allowed_files.length == 0) return false;

                    return allowed_files;
                }
            }
            else {
                btn_choose = "Drop files here or click to choose";
                no_icon = "icon-cloud-upload";
                before_change = function (files, dropped) {
                    return files;
                }
            }
            var file_input = $('#id-input-file-3');
            file_input.ace_file_input('update_settings', {
                'before_change': before_change,
                'btn_choose': btn_choose,
                'no_icon': no_icon
            })
            file_input.ace_file_input('reset_input');
        });


        $('#spinner1').ace_spinner({
            value: 0,
            min: 0,
            max: 200,
            step: 10,
            btn_up_class: 'btn-info',
            btn_down_class: 'btn-info'
        })
            .on('change', function () {
                //alert(this.value)
            });
        $('#spinner2').ace_spinner({
            value: 0,
            min: 0,
            max: 10000,
            step: 100,
            touch_spinner: true,
            icon_up: 'icon-caret-up',
            icon_down: 'icon-caret-down'
        });
        $('#spinner3').ace_spinner({
            value: 0,
            min: -100,
            max: 100,
            step: 10,
            on_sides: true,
            icon_up: 'icon-plus smaller-75',
            icon_down: 'icon-minus smaller-75',
            btn_up_class: 'btn-success',
            btn_down_class: 'btn-danger'
        });


        $('.date-picker').datepicker({autoclose: true}).next().on(ace.click_event, function () {
            $(this).prev().focus();
        });
        $('input[name=date-range-picker]').daterangepicker().prev().on(ace.click_event, function () {
            $(this).next().focus();
        });

        $('#timepicker1').timepicker({
            minuteStep: 1,
            showSeconds: true,
            showMeridian: false
        }).next().on(ace.click_event, function () {
            $(this).prev().focus();
        });

        $('#colorpicker1').colorpicker();
        $('#simple-colorpicker-1').ace_colorpicker();


        $(".knob").knob();


        //we could just set the data-provide="tag" of the element inside HTML, but IE8 fails!
        var tag_input = $('#form-field-tags');
        if (!( /msie\s*(8|7|6)/.test(navigator.userAgent.toLowerCase()))) {
            tag_input.tag(
                {
                    placeholder: tag_input.attr('placeholder'),
                    //enable typeahead by specifying the source array
                    source: ace.variable_US_STATES,//defined in ace.js >> ace.enable_search_ahead
                }
            );
        }
        else {
            //display a textarea for old IE, because it doesn't support this plugin or another one I tried!
            tag_input.after('<textarea id="' + tag_input.attr('id') + '" name="' + tag_input.attr('name') + '" rows="3">' + tag_input.val() + '</textarea>').remove();
            //$('#form-field-tags').autosize({append: "\n"});
        }


        /////////
        $('#modal-form input[type=file]').ace_file_input({
            style: 'well',
            btn_choose: 'Drop files here or click to choose',
            btn_change: null,
            no_icon: 'icon-cloud-upload',
            droppable: true,
            thumbnail: 'large'
        })

        //chosen plugin inside a modal will have a zero width because the select element is originally hidden
        //and its width cannot be determined.
        //so we set the width after modal is show
        $('#modal-form').on('shown.bs.modal', function () {
            $(this).find('.chosen-container').each(function () {
                $(this).find('a:first-child').css('width', '210px');
                $(this).find('.chosen-drop').css('width', '210px');
                $(this).find('.chosen-search input').css('width', '200px');
            });
        })
        /**
         //or you can activate the chosen plugin after modal is shown
         //this way select element becomes visible with dimensions and chosen works as expected
         $('#modal-form').on('shown', function () {
					$(this).find('.modal-chosen').chosen();
				})
         */


    });
</script>

</body>
</html>
